<!DOCTYPE html>
<html>
<head>
    <title>完成第一步</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 90vh;
            margin: 0;
            background-image: url("{{ url_for('static', filename='images/bg2.2.png') }}"); /* 修复语法错误 */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        .success-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
        .success-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            text-align: center;
            max-width: 600px;
        }
        h1 {
            color: #4CAF50;
            font-size: 1.8rem;
            margin-bottom: 0rem;
        }
        .button-group {
            margin-top: 1rem;
            display: flex;
            gap: 1rem;
            justify-content: center;
        }
        .btn {
            padding: 0.7rem 1.6rem;
            border: none;
            border-radius: 25px;
            cursor: pointer;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }
        .btn-restart {
            background: #2196F3;
            color: white;
        }
        .btn-logout {
            background: #ff5722;
            color: white;
        }
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
    </style>
</head>
<body>
    <div class="success-container">
        <div class="success-card">
            <h1>提交成功</h1>
            <p style="font-size: 1.2rem; color: #666; line-height: 1.6;">
                请愉快的享受接下来的音乐理疗吧！<br>
                系统将根据您的测评数据智能推荐适合您的方案。<br>
                我们期待与您一起享受音乐的美好时光…
            </p>
            <div class="button-group">
                <a href="{{ url_for('re_assessment') }}" class="btn btn-restart">重新测评</a>
                <a href="{{ url_for('logout') }}" class="btn btn-logout">退出系统</a>
            </div>
        </div>
    </div>
</body>
</html>
